<template>
	<view class="container">
		<view class="phoneBox">
			手机号
		<input class="uni-input" @input='changeValue' focus v-model='phonenum' placeholder="请输入您的手机号" />
		</view>
		<view class="pwd">
			密码
		<input class="uni-input" @input='changeValue' focus v-model='pwd' placeholder="请输入您的密码" />
		</view>
		 <view class="btn">
		 	
		<button @click="submitFun">确定</button>
		 </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				phonenum:'',
				pwd:''
			};
		},
		methods:{
			changeValue(e){
				this.phonenum=e.target.value
				// console.log(e.target.value);
			},
			submitFun(){
				console.log(this.phonenum);
			}
			
		}
	}
</script>

<style lang="less">
.phoneBox{
	width: 98%;
	height: 100rpx;
	margin-left: 2%;
	display: flex;
	align-items: center;
	input{
		margin-left: 20rpx;
		margin-right: 30rpx;
		flex: 1;
		border-bottom: solid 1px #ccc;
	}
}
.pwd{
	width: 98%;
	height: 100rpx;
	margin-left: 2%;
	display: flex;
	align-items: center;
	input{
		margin-left: 20rpx;
		margin-right: 30rpx;
		flex: 1;
		border-bottom: solid 1px #ccc;
	}
}
.btn{
	width: 80%;
	height: 80rpx;
	margin:auto;
	margin-top: 60rpx;
	button{
		width: 100% !important;
		height: 100% !important;
		
	}
}

</style>
